body{
	font-family:'Microsoft Yahei';
	color: #666;
	font-size: 12px;
}

/*第一部分，顶部状态条样式*/
/*顶部标题的容器*/
.header_con{
	height: 29px;
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
}

/*容器内部文字的容器*/
.header{
	width: 1200px;
	height: 29px;
	margin: 0 auto;
}
/*欢迎来到天天生鲜的标签、*/
.welcome{
	font:12px/29px 'Microsoft Yahei';
	color: #666;
}

/*三个部分的标题，分别是注册，已登录，购物车*/
.user_login_link,.user_welcome,.user_shopping{
	height: 29px;
	line-height:29px;
}

/*链接的样式*/
.user_login_link a,.user_shopping a{
	color: #666;
}

.user_login_link span,.user_shopping span{
	margin: 0 15px;
	color:#cecece;
}

/*隐藏注册元素，而且不占位置
.user_welcome{
	display: none;
}*/

/*隐藏登录元素*/
.user_login_link{
	display: none;
}

.user_welcome em{
	color: #f80;
}

/*第二部分，logo，搜索框，购物车*/
/*第二部分的框架*/
.logo_bar{
	width: 1200px;
	height: 115px;
	margin: 0 auto;
}

/*这是天天生鲜logo的盒子*/
.logo{
	width: 151px;
	height: 59px;
	margin:29px 0 0 17px; /*上，右，下，左，若不设置logo浮动，则会发生塌陷*/
}

/*搜索部分的盒子及背景*/
.search{
	width: 616px;
	height: 38px;
	border: 1px solid #37ab40;
	margin:34px 0 0 123px;
	background: url(../images/icons.png) 8px 9px no-repeat ;
}

/*搜索框内的样式*/
.search .input_text{
	width: 470px;
	height: 38px;
	border: 0;
	margin-left: 37px;
	outline: none; /*这个是去掉搜索框内可能出现的边框*/
}

/*按钮输入的样式*/
.search .input_btn{
	width: 100px;
	height: 38px;
	background-color: #37ab40;
	border: 0;
	font:14px/38px 'Microsoft Yahei';
	color: #fff;
	cursor: pointer; /*设置鼠标指针形状*/
}

/*右边购物车的整体容器*/
.chart{
	width: 200px;
	height: 40px;
	margin:34px 0 0 90px;
	
}

/*我的购物车样式*/
.chart a{
	width: 158px;
	height: 38px;
	border: 1px solid #ddd;
	background: url(../images/icons.png) 17px -43px no-repeat #f7f7f7;
	font:14px/38px 'Microsoft Yahei';
	color: #37ab40;
	text-indent: 56px;
}

/*购物车数量的样式*/
.chart span{
	width: 40px;
	height: 40px;
	background-color: #f80;
	font:bold 18px/40px 'Microsoft Yahei';
	color: #fff;
	text-align: center;
}

/*大容器，是为了作出全宽绿线的效果*/
.sub_menu_con{
	height: 40px;
	border-bottom: 2px solid #37ab40;
}

/*实际使用的容器*/
.sub_menu{
	width: 1200px;
	height: 40px;
	margin:0 auto;
}

/*第一个分类的容器*/
.sub_menu h1{
	width: 200px;
	height: 40px;
	background-color: #37ab40;
	font: 14px/40px 'Microsoft Yahei';
	color: #fff;
	text-align: center;
}

/*超出列表的部分就隐藏掉*/
.sub_menu ul{
	overflow: hidden;
}

/*用左边框的方法作出|的效果，当然也可以用span的方法*/
.sub_menu li{
	float: left; 
	height: 14px;
	padding: 0 25px;
	border-left: 1px solid #666;
	margin-left: -1px;
	margin-top: 13px; /*让每个列表都纵向居中*/
}

/*设置列表内字体的样式*/
.sub_menu li a{
	font: 14px/14px 'Microsoft Yahei';
	color: #666;
}

/*鼠标移动*/
.sub_menu li a:hover{
	color:#f80;
}

/*中心部分的容器*/
.center_con{
	width: 1200px;
	height: 270px;
	margin:0 auto;
}

/*列表的容器*/
.center_con .main_menu{
	width: 200px;
	height: 270px;
}

/*每个列表都插入一个箭头*/
.center_con .main_menu li{
	width: 198px;
	height: 44px;
	border: 1px solid #eee;
	margin: -1px;
	background: url(../images/icons.png) 172px -388px no-repeat ;
}

/*为每个不同的a连接插入不同的图标*/
.center_con .main_menu li a{
	display: block;  /*块元素，可以在点击整块都能用*/
	width: 198px;
	height: 44px;
	font: 14px/44px "Micrsoft Yahei";
	color: #333;
	text-indent: 71px;
	background: url(../images/icons.png) 33px 0px no-repeat ;
}

/*左侧主菜单样式*/
.center_con .main_menu li .fruit{
	background-position: 33px -90px;
}

.center_con .main_menu li .seafood{
	background-position: 33px -140px;
}

.center_con .main_menu li .meat{
	background-position: 33px -190px;
}

.center_con .main_menu li .egg{
	background-position: 33px -240px;
}

.center_con .main_menu li .vegatable{
	background-position: 33px -290px;
}

.center_con .main_menu li .ice{
	background-position: 33px -340px;
}

/*幻灯片样式*/
.slide_con{
	width: 760px;
	height: 270	px;
	position: relative;
}

.prev,.next{
	width: 15px;
	height: 23px;
	position: absolute;
	left: 11px;
	top: 122px;
	cursor: pointer;
	background:url(../images/icons.png) -1px -451px no-repeat;
}

.next{
	left: 732px;
	background:url(../images/icons.png) -1px -501px no-repeat;
}

.points{
	position: absolute;
	width: 100%;
	height: 11px;
	left: 0px;
	bottom: 9px; 
	text-align: center;
	font-size: 0px;
}

.points li{
	width: 11px;
	height: 11px;
	display: inline-block;
	background-color: #9f9f9f;
	margin:0 5px;
	border-radius: 50%; /*使得方块变成了圆角*/
}

.points .active{
	background-color: #cecece;
}

.adv{
	width: 240px;
	height: 270px;
}

.adv a{
	float: left; /*浮动之后变成行内块*/
	width: 240px;
	height: 135px;
}

/*解决图片下方出现3像素空白bug*/
.adv a img{
	display: block;
}

.common_model{
	width: 1200px;
	height: 340px;
	margin: 18px auto 0;
}

.common_model .common_title{
	height: 38px;
	border-bottom: 2px solid #42ad46;
}

.common_model .common_title h3{
	font: bold 16px/38px 'Microsoft Yahei';
	color: #37ab40;
}

.common_model .common_title	ul{
	height: 13px;
	margin: 12px 0 0 20px;
}

.common_model .common_title	li{
	float: left;
	margin: 0px 10px;
}

.common_model .common_title	li a{
	color: #666;
	line-height: 10px;
}

.common_model .common_title	li a:hover,.common_model .common_title .more:hover{
	color:#f80;
}

.common_model .common_title .more{
	height: 38px;
	line-height: 38px;color: #666;
}

.common_model .common_goods_list{
	width: 1200px;
	height: 300px;
}

.common_model .common_goods_list .goods_banner{
	widows: 200px;
	height: 300px;	
}

.common_model .common_goods_list .goods_list{
	width: 1000px;
	height: 300px;
}

.common_model .common_goods_list .goods_list li{
	width: 249px;
	height: 299px;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	float: left;
}

.common_model .common_goods_list .goods_list li:hover{
	width: 248px;
	height: 298px;
	border:1px solid #f80;
}

.common_goods_list .goods_list li h4{
	height: 52px;
	font: 14px/52px 'Microsoft Yahei';
	color: #666;
	text-align: center;
}

.common_goods_list .goods_list li a{
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto;
}

.common_goods_list .goods_list li p{
	height: 52px;
	font: bold 20px/52px 'Microsoft Yahei';
	color: #c40000;
	text-align: center;
}

.footer{
	height: 145px;
	border-top: 2px solid #4ab141;
	margin-top: 30px;
}

.footer .links{
	text-align: center;
	margin-top: 40px;
}

.footer .links a{
	color: #4e4e4e;
}
.footer .links a:hover{
	color: #f80;
}

.footer .links a span{
	color: #4e4e4e;
	margin: 0 10px;
}

.footer p{
	text-align: center;
	line-height: 27px;
	color: #4e4e4e;
	margin-top: 10px;
}

/*  登录页样式 */

.login_header{
	width:953px;
	height:133px;
	margin:0 auto;
}

.login_header a{
	display:block;
	width:193px;
	height:76px;
	margin-top:28px;
}


.login_form_con{
	border-top:1px solid #79a652;
	border-bottom:1px solid #79a652;
	height:480px;
	background-color:#518e17;
}

.login_form{
	width:953px;
	height:482px;
	margin:0 auto;
}

.login_form .login_banner{
	margin:92px 0 0 15px;
}

.login_form .slogan{
	color:#fff;
	font-size:30px;
	width:30px;
	height:300px;
	text-align:center;
	line-height:36px;
	margin:87px 0 0 114px;
}


.login_form .form_input_con{
	width:368px;
	height:378px;
	background-color:#fff;
	border:1px solid #c6c6c5;
	margin-top:50px;
}

.login_footer{
	margin-top:0px;
	border-top:0px;
}

.form_title{
	width:308px;
	height:70px;
	border-bottom:1px solid #e0e0e0;
	margin:0 auto;
}

.form_title h1{
	float:left;
	height:70px;
	font:bold 24px/70px 'Microsoft Yahei';
	color:#a8a8a8;
	margin-left:44px;
}

.form_title a{
	float:left;
	width:100px;
	height:16px;
	font:16px/16px 'Microsoft Yahei';
	color:#5fb42a;
	text-indent:25px;
	background:url(../images/icons.png) -1px -551px no-repeat;
	margin:33px 0 0 36px;
}

.form_input_con form{
	width:308px;
	height:221px;
	margin:20px auto 0;
}

.form_input_con form .form_group{
	width:308px;
	height:68px;
}


 .form_group .input_txt,.form_group .input_pwd{
 	width:306px;
 	height:38px;
 	border:1px solid #e0e0e0;
 	outline:none;
 	background:url(../images/icons.png) 275px -592px no-repeat #f8f8f8;
 	text-indent:10px;
 }

 .form_group .input_pwd{
 	background-position:275px -642px;
 }

.form_group .error{
	font:12px/28px 'Microsoft Yahei';
	color:#ff5400;
	display:none;
}


.form_group .input_check{
	margin:2px 10px 0 0;
}

.form_group .find_pass{
	color:#4b4b4b;
}

.form_group .find_pass:hover{
	color:#f80;
}


.input_sub{
	width:308px;
	height:40px;
	background-color:#47aa34;
	border:0px;
	font:24px/40px 'Microsoft Yahei';
	color:#fff;
	cursor:pointer;

}

